<template>
  <div class="adsAll">
    <div class="adsText">
      <span>品质套餐</span>
      <p>搭配齐全吃得好</p>
      <a href="">立即抢购&nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a>
    </div>
    <img class="ads-img" src="../assets/img/elemeImg/img/index_banner.png" alt="">
  </div>
</template>

<script>
export default {
  name:"Ads",
}
</script>

<style scoped>
.adsAll{
  width: 100%;
  position: relative;
}
.adsAll img{
  /* 取消图片拖动 */
  -webkit-user-drag: none;
  width: 96%;
  margin: 0 2vw;
  margin-bottom: 1vw;
  height: 28vw;
  border-radius: 2px;
}
.adsAll .adsText{
  top: 2vw;
  left: 7vw;
  position: absolute;
}
.adsAll .adsText span{
  /* 取消文本选中 */
  user-select: none;
  font-size: 3.5vw;
  font-weight: bold;
}
.adsAll .adsText p{
  font-size: 2vw;
  color: gray;
  padding: 1vw 0;
  padding-bottom: 2vw;
}
.adsAll .adsText a{
  color: #C89160;
  font-size: 2vw;
  font-weight: bold;
}
</style>